<!doctype html>
<html lang="zh-CN">

<head>
  <!-- 必须的 meta 标签 -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Bootstrap 的 CSS 文件 -->
  <link href="./css/bootstrap.min.css" rel="stylesheet">
  <link rel="shortcut icon" href="./images/icon.png">

  <title>油冷柜/Immersion Cooling BS-2207-B-01 V1.0</title>
</head>

<body>

  <div class="container">


    <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <div class="container-fluid">
        <!-- <a class="navbar-brand" href="#">Navbar</a> -->

        <a class="navbar-brand" href="#">
          <!-- <img src="https://v5.bootcss.com/docs/5.1/assets/brand/bootstrap-logo.svg" alt="" width="30" height="24" class="d-inline-block align-text-top"> -->
          <img src="./images/icon.png" alt="" width="30px" height="24px">
          BAISHI
        </a>


        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>


        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
            <li class="nav-item">
              <a class="nav-link active" aria-current="page" href="#">PRODUCT</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./contact.html">CONTACT</a>
            </li>

            <li class="nav-item">
              <a class="nav-link disabled">SHIP</a>
            </li>
          </ul>

        </div>


      </div>
    </nav>

    <!-- 内容 -->

    <div class="row row-cols-1  row-cols-md-2 row-cols-lg-3 g-4" style="margin-top: 30px;">
      <div class="col">
        <div class="card" id="1">

          <img src="./images/BS-2207-B-01 v1.0.png" class="card-img-top show-images" alt="..." style="width: 160px;">


          <div class="card-body">
            <h5 class="card-title">油冷柜/Immersion Cooling</h5>
            <p class="card-text">型号/TYPE：BS-2207-B-01 V1.0 <br />价格/PRICE：$1,140.00 USD</p>
          </div>
        </div>
      </div>

      <div class="col">
        <div class="card" id="2">
          <img src="./images/BS-2207-B-06 V1.0.png" class="card-img-top" alt="..." style="width: 160px;">
          <div class="card-body">
            <h5 class="card-title">冷却塔/CoolingTower</h5>
            <p class="card-text">型号/TYPE：BS-2207-B-06 V1.0 <br /> 价格/PRICE：$1,200.00 USD</p>
          </div>
        </div>
      </div>


      <div class="col">
        <div class="card" id="3">
          <img src="./images/BS-2207-B-08 V1.0.png" class="card-img-top" alt="..." style="width: 300px;">
          <div class="card-body">
            <h5 class="card-title">连接件/Connector</h5>
            <p class="card-text">型号/TYPE：BS-2207-B-08 V1.0 <br /> 价格/PRICE：$6,00.00 USD</p>
          </div>
        </div>
      </div>

      <div class="col">
        <div class="card" id="4">
          <img src="./images/BS-2207-B-04 V1.0.png" class="card-img-top" alt="..." style="width: 300px;">
          <div class="card-body">
            <h5 class="card-title">闭式冷塔集装箱/Immersion Cooling Container</h5>
            <p class="card-text">型号/TYPE：BS-2207-B-04 V1.0 <br /> 价格/PRICE：$1,200.00 USD</p>

          </div>
        </div>
      </div>
      <div class="col">
        <div class="card" id="5">
          <img src="./images/BS-2207-B-03 V1.0.png" class="card-img-top" alt="..." style="width: 300px;">
          <div class="card-body">
            <h5 class="card-title">PDU (24 interfaces)</h5>
              <p class="card-text">型号/TYPE：BS-2207-B-03 V1.0 <br /> 价格/PRICE：$1,200.00 USD</p>
          </div>
        </div>
      </div>
    </div>




    <!-- 内容 end -->

    <div style="margin-top: 60px;">
      <hr />
    </div>


    <!-- FOOTER -->
    <footer style="margin-top: 60px; margin-bottom: 30px;">


      <div class="row">

        <div class="col-sm-12 col-md-6">


          <P class="lead">CONTACT</P>
          <P>PHONE：(+86) 010-6957 6951</P>
          <P>EMAIL：cxb@bai-shi.com</P>



        </div>

        <div class="col-sm-12 col-md-6">

          <P class="lead">CONTACT</P>
          <P>PHONE：(+86) 010-6957 6951</P>
          <P>EMAIL：cxb@bai-shi.com</P>


        </div>

      </div>

      <p>&copy; 2022 BaiShiZhiHui Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
    </footer>






  </div><!-- /.container -->













  <!-- JavaScript 文件是可选的。从以下两种建议中选择一个即可！ -->

  <!-- 选项 1：包含 Popper 的 Bootstrap 集成包 -->
  <script src="./js/bootstrap.bundle.min.js"></script>
  <script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"></script>

  <style>
    .card img {
      height: 200px;
      width: 200px;
      margin: 0 auto;

    }
    .card:hover{
      background-color: #c6c6c6;
    }
  </style>

  <script>
    $(document).ready(
      function () {
        $("#1").click(function () {
          // alert("段落被点击了。");
          $(location).attr('href', './BS-2207-B-01 v1.0.html')
        });


        $("#2").click(function () {
          // alert("段落被点击了。");
          $(location).attr('href', './BS-2207-B-06 v1.0.html')
        });

        $("#3").click(function () {
          // alert("段落被点击了。");
          $(location).attr('href', './BS-2207-B-08 v1.0.html')
        });

        $("#4").click(function () {
          // alert("段落被点击了。");
          $(location).attr('href', './BS-2207-B-04 v1.0.html')
        });

        $("#5").click(function () {
          // alert("段落被点击了。");
          $(location).attr('href', './BS-2207-B-03 v1.0.html')
        });


      });
  </script>

</body>

</html>